<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="refresh" content="url=登录页面.html">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=0.5,maximum-scale=0.5,minimum-scale=0.5">
    <title>小米首页</title>
    <link rel="stylesheet" href="css/xiaomi.css">
    <link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="bigbox">
    <div class="centerbox">
        <div class="leftbox">
            <ul>
                <li><a href="index.html ">小米商城</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://home.miui.com/">MIUI</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://iot.mi.com/">loT</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://i.mi.com/">云服务</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://airstar.com/home">天星数科</a>
                <li class="xiantiao">|</li>
                <li><a href="https://www.xiaomiyoupin.com/">有品</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://xiaoai.mi.com/">小爱开放平台</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://qiye.mi.com/">企业团购</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://www.mi.com/aptitude/list?id=41">资质证照</a>
                <li class="xiantiao">|</li>
                <li><a href="https://www.mi.com/aptitude/list">协议规则</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://www.mi.com/appdownload">下载app</a></li>
                <li class="xiantiao">|</li>
                <li><a href="https://xiaomishare.mi.com/?from=micom#/">智能生活</a></li>
                <li class="xiantiao">|</li>
                <li><a href="#"> Select Location</a></li>
            </ul>
        </div>
        <div class="rightbox">
            <ul>
                <li><a href="">登录</a></li>
                <li class="xiantiao">|</li>
                <li><a href="登录页面.html">注册</a></li>
                <li><a href="#footer-service">消息通知</a></li>
                <li id="gouwuche">
                    <a href="https://www.mi.com/buy/cart">购物车(0)</a>
                    <div id="gouwuche_content">
                        <p>购物车中还没有商品，赶紧选购吧！</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="bighead">
    <div class="head">
        <div class="logo">
            <a href="">
                <img src="img/logo.png" alt="">
            </a>
        </div>
        <div class="nav">
            <ul>
                <li id="xmsj">
                    <a href="">小米手机</a>
                    <div class="shouji">
                        <div class="shouji_center">
                            <div class="phone">
                                <img src="img/phone1.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">5299元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/phone2.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3799元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/phone3.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">1999元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/11.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">999元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/15.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">1599元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/030.png" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">599元起</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="hmxj">
                    <a href="">Redmi红米</a>
                    <div id="shouji">
                        <div id="shouji_center">
                            <div class="phone">
                                <img src="img/1-1%20(1).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/1-1%20(1).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/1-1%20(2).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/1-1%20(3).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/1-1%20(5).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/1-1%20(6).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li id="dianshi">
                    <a href="">电视</a>
                    <div id="shouji1">
                        <div id="shouji1_center">
                            <div class="phone">
                                <img src="img/dianshi%20(1).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/dianshi%20(1).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">4500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/dianshi%20(2).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">2500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/dianshi%20(2).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">6500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/dianshi%20(3).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3000元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/dianshi%20(3).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">1500元起</p>
                            </div>
                        </div>
                    </div>

                </li>
                <li id="computer">
                    <a href="">笔记本</a>
                    <div id="shouji2">
                        <div id="shouji2_center">
                            <div class="phone">
                                <img src="img/diannao%20(1).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/diannao%20(1).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">4500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/diannao.jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">2500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/diannao%20(2).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">6500元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/diannao%20(3).jfif" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">3000元起</p>
                            </div>
                            <div class="phone">
                                <img src="img/diannao%20(3).webp" alt="">
                                <span class="hr"><hr></span>
                                <p align="center">1500元起</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li><a href="">家电</a></li>
                <li><a href="">路由器</a></li>
                <li><a href="">智能硬件</a></li>
                <li><a href="">服务</a></li>
                <li><a href="">社区</a></li>
            </ul>
        </div>
        <div class="sousuobox">
            <div class="sousuo">
                <input type="text" name="text">
                <span>小米9</span>
            </div>
            <div class="anniu">
                <a href="https://www.mi.com/search?keyword=%E5%B0%8F%E7%B1%B3%E6%89%8B%E6%9C%BA "><img
                        src="img/搜索框.png" alt=""></a>
            </div>
        </div>
    </div>
</div>
<div id="box">
    <div class="banner">
        <ul>
            <li class="slider" style="display: block"><img src="img/1%20(1).jpg" alt=""></li>
            <li class="slider"><img src="img/1%20(2).jpg" alt=""></li>
            <li class="slider"><img src="img/1%20(3).jpg" alt=""></li>
            <li class="slider"><img src="img/1%20(4).jpg" alt=""></li>
            <li class="slider"><img src="img/1%20(5).jpg" alt=""></li>
        </ul>
        <div class="left_nav">
            <ul>
                <li><a href="">手机&nbsp;电话卡<span>></span></a></li>
                <li><a href="">电视&nbsp;盒子<span>></span></a></li>
                <li><a href="">笔记&nbsp;本显示器<span>></span></a></li>
                <li><a href="">家电&nbsp;插线板<span>></span></a></li>
                <li><a href="">出行&nbsp;穿戴<span>></span></a></li>
                <li><a href="">智能&nbsp;路由器<span>></span></a></li>
                <li><a href="">电源&nbsp;配件<span>></span></a></li>
                <li><a href="">健康&nbsp;儿童<span>></span></a></li>
                <li><a href="">耳机&nbsp;音箱<span>></span></a></li>
                <li><a href="">生活&nbsp;箱包<span>></span></a></li>
            </ul>
        </div>

        <!--        左右箭头按钮-->
        <div id="lf">&lt;</div>
        <div id="rg">&gt;</div>

        <!--        底部小圆点-->
        <div class="point">
            <ul>
                <li class="sq"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</div>
<div class="banner_bottom">
    <div class="small_logo">
        <div class="small_box">
            <a href="#" style="text-decoration: none">
                <img src="img/钟表，时间.png" alt="">
                <span>小米秒杀</span>
            </a>
            <hr color="grey" style="height: 90px;width: 0px">
        </div>
        <div class="small1_box">
            <a href="#" style="text-decoration: none">
                <img src="img/城市.png" alt="">
                <span> 企业团购</span>
            </a>
        </div>
        <div class="small2_box">
            <a href="#" style="text-decoration: none">
                <img src="img/tariff-Fill.png" alt="">
                <span>F码通道</span>
            </a>
            <hr color="gray" style="height: 90px;width: 0px">
        </div>
        <hr style="position: relative;top: 50px;" color="grey">
        <div class="small_box-1">
            <a href="#" style="text-decoration: none">
                <img src="img/SIM卡,手机卡,电话卡.png" alt="">
                <span>米粉卡</span>
            </a>
            <hr color="gray" style="height: 90px;width: 0px">
        </div>
        <div class="small1_box-2">
            <a href="#" style="text-decoration: none">
                <img src="img/钱.png" alt="">
                <span>以旧换新</span>
            </a>
        </div>
        <div class="small2_box-3">
            <a href="#" style="text-decoration: none">
                <img src="img/话费.png " alt="">
                <span>话费充值</span>
            </a>
            <hr color="gray" style="height: 90px;width: 0px">
        </div>
    </div>
    <div class="bottom_pic">
        <img src="img/bottom.png" alt="" style="height: 305px;margin-top: -4px">
        <img src="img/bottom-2.png" alt="">
        <img src="img/bottom-3.png" alt="">
    </div>
</div>
<!--下半部分-->
<div class="main">
    <div class="main_box">
        <div class="span">
        <span>小米秒杀</span>
        </div>
        <div class="picture">
            <a href="#" style="text-decoration: none"><img src="img/035.png" alt="" style="float: left"></a>
            <a href="#"><img src="img/021.png" alt="" style="margin-left: 110px;border-top: 1px solid yellowgreen"></a>
            <a href="#"><img src="img/027.png" alt="" style="margin-left: 110px;border-top: 1px solid orange"></a>
            <a href="#"><img src="img/9.png" alt="" style="margin-left: 110px;">
                <img src="img/031.png" alt="" style="float:right;border-top: 1px solid blue "></a>
        </div>
    </div>
    <div class="main_banner">
        <img src="img/banner.png" alt="" style="width: 1600px">
    </div>
    <div class="main_centent">
        <div class="span">
            <span>手机</span>
        </div>
        <div class="main_centent_leftpic">
                <img src="img/023.png" alt="">
        </div>
        <div class="main_centent_rightpic">
            <div class="main_centent_rightpic_small">
                <ul>
                    <li>
                        <a href="##" style="margin-left: 0px"><img src="img/030.png" alt="" ></a>
                        <p class="p1">599元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/033.png" alt=""></a>
                        <p class="p2">1299元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/044.png" alt=""></a>
                        <p class="p3">5299元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;"><img src="img/045.png" alt=""></a>
                        <p class="p4">1999元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-left: 0px;margin-top: 30px"><img src="img/046.png" alt="" ></a>
                        <p class="p5">2599元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/11.png" alt=""></a>
                        <p class="p6">999元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/15.png" alt=""></a>
                        <p class="p7">1599元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;margin-top: 30px"><img src="img/028.png" alt=""></a>
                        <p class="p8">3999元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main_banner">
        <img src="img/banner3.png" alt="" style="width: 1600px">
    </div>
    <div class="main_centent">
        <div class="span">
            <span>家电</span>
        </div>
        <div class="main_centent_leftpic">
            <img src="img/050.png" alt="" style="height: 382px">
            <img src="img/13.png" alt="" style="height: 382px;margin-top: 30px">
        </div>
        <div class="main_centent_rightpic">
            <div class="main_centent_rightpic_small">
                <ul>
                    <li>
                        <a href="##" style="margin-left: 0px"><img src="img/026.png" alt="" ></a>
                        <p class="p1">3299元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/048.png" alt=""></a>
                        <p class="p2">2249元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/12.png" alt=""></a>
                        <p class="p3">2899元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;"><img src="img/036.png" alt=""></a>
                        <p class="p4">799元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-left: 0px;margin-top: 30px"><img src="img/5.png" alt="" ></a>
                        <p class="p5">1799元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/041.png" alt=""></a>
                        <p class="p6">299元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/16.png" alt=""></a>
                        <p class="p7">2999元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;margin-top: 30px"><img src="img/17.png" alt=""></a>
                        <p class="p8">3999元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main_banner">
        <img src="img/banner2.png" alt="" style="width: 1600px">
    </div>
    <div class="main_centent">
        <div class="span">
            <span>智能</span>
        </div>
        <div class="main_centent_leftpic">
            <img src="img/029.png" alt="" style="height: 382px">
            <img src="img/022.png" alt="" style="height: 382px;margin-top: 30px">
        </div>
        <div class="main_centent_rightpic">
            <div class="main_centent_rightpic_small">
                <ul>
                    <li>
                        <a href="##" style="margin-left: 0px"><img src="img/14.png" alt="" ></a>
                        <p class="p1">999元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/1.png" alt=""></a>
                        <p class="p2">999元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/051.png" alt=""></a>
                        <p class="p3">799元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;"><img src="img/021.png" alt="">
                            <p class="p4">39.9元起</p>
                        </a></li>
                    <li>
                        <a href="##" style="margin-left: 0px;margin-top: 30px"><img src="img/D.png" alt="" ></a>
                        <p class="p5">1999元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/10.png" alt=""></a>
                        <p class="p6">99元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/2.png" alt=""></a>
                        <p class="p7">99元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;margin-top: 30px"><img src="img/20.png" alt=""></a>
                        <p class="p8">579元起</p>
                    </li>
                </ul>##
            </div>
        </div>
    </div>
    <div class="main_banner">
        <img src="img/banner1.png" alt="" style="width: 1600px">
    </div>
    <div class="main_centent">
        <div class="span">
            <span>周边</span>
        </div>
        <div class="main_centent_leftpic">
            <img src="img/049.png" alt="" style="height: 382px">
            <img src="img/4.png" alt="" style="height: 382px;margin-top: 30px">
        </div>
        <div class="main_centent_rightpic">
            <div class="main_centent_rightpic_small">
                <ul>
                    <li>
                        <a href="##" style="margin-left: 0px"><img src="img/19.png" alt="" ></a>
                        <p class="p1">189元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/047.png" alt=""></a>
                        <p class="p2">9.9元起</p>
                    </li>
                    <li>
                        <a href="##"><img src="img/052.png" alt=""></a>
                        <p class="p3">49元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;"><img src="img/034.png" alt=""></a>
                        <p class="p4">39.9元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-left: 0px;margin-top: 30px"><img src="img/032.png" alt="" ></a>
                        <p class="p5">199元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/6.png" alt=""></a>
                        <p class="p6">5699元起</p>
                    </li>
                    <li>
                        <a href="##" style="margin-top: 30px"><img src="img/038.png" alt=""></a>
                        <p class="p7">279元起</p>
                    </li>
                    <li>
                        <a href="##" style="float: right;margin-right: 0px;margin-top: 30px"><img src="img/18.png" alt=""></a>
                        <p class="p8">99元起</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="main_banner">
        <img src="img/banner4.png" alt="" style="width: 1600px">
    </div>
    <div class="main_centent">
        <div class="span">
            <span>视频</span>
        </div>
        <div class="shipin_pic">
            <a href="##" style="margin-left: 0px"><img src="img/025.png" alt="" style="float: left"></a>
            <a href="##" style="margin: 0 63px"><img src="img/fin.png" alt=""></a>
            <a href="##"><img src="img/043.png" alt=""></a>
            <a href="##" style="float: right"><img src="img/040.png" alt=""></a>
        </div>
    </div>
</div>
<div id="footer">
    <div class="footer_box">
    <ul>
        <li>
            <a href="#" id="fin1"><em class="fa fa-address-book">&nbsp;预约维修服务</em></a>
        </li>
        <li>
            <a href="#" id="fin2"><em class="fa fa-address-card">&nbsp;七天无理由退货</em></a>
        </li>
        <li>
            <a href="#" id="fin3"><em class="fa fa-bank">&nbsp;5天免费换货</em></a>
        </li>
        <li>
            <a href="#" id="fin4"><em class="fa fa-car">&nbsp;&nbsp;满99元包邮</em></a>
        </li>
        <li>
            <a href="#"><em class="fa fa-adjust">&nbsp;520余家售后网点</em></a>
        </li>
    </ul>
    </div>
    <div class="">
        <hr color="gainsboro" width="1600px" style="margin: -80px auto">
        <div id="footer-service">
           <dl id="dl1">
                            <dt>帮助中心</dt>
                            <dd><a href="#">账户管理</a></dd>
                            <dd><a href="#">购物指南</a></dd>
                            <dd><a href="#">订单操作</a></dd>
                        </dl>
                        <dl id="dl2">
                            <dt>服务支持</dt>
                            <dd><a href="#">售后政策</a></dd>
                            <dd><a href="#">自动服务</a></dd>
                            <dd><a href="#">相关下载</a></dd>
                        </dl>
                        <dl id="dl3">
                            <dt>线下门店</dt>
                            <dd><a href="#">小米之家</a></dd>
                            <dd><a href="#">服务网点</a></dd>
                            <dd><a href="#">授权体验店</a></dd>
                        </dl>
                        <dl id="dl4">
                            <dt>关于小米</dt>
                            <dd><a href="#">了解小米</a></dd>
                            <dd><a href="#">加入小米</a></dd>
                            <dd><a href="#">投资者关系</a></dd>
                            <dd><a href="#">企业社会责任</a></dd>
                            <dd><a href="#">廉洁举报</a></dd>
                        </dl>
                        <dl id="dl5">
                            <dt>关注我们</dt>
                            <dd><a href="#">新浪微博</a></dd>
                            <dd><a href="#">官方微信</a></dd>
                            <dd><a href="#">公益基金会</a></dd>
                        </dl>
                        <dl id="dl6">
                            <dt>特色服务</dt>
                            <dd><a href="#">F 码通道</a></dd>
                            <dd><a href="#">礼物码</a></dd>
                            <dd><a href="#">防伪查询</a></dd>
                        </dl>
            <div align="right" id="rengong">
                <h2 style="line-height: 70px;font-size: 30px"><font color="orangered">400-100-5678</font></h2>
                <a href="##"><em class="fa fa-wechat">人工客服</em></a>
            </div>
        </div>
        <div class="footer_bottom">
            <div class="footer_bottom_pic">
                <img src="img/logo.png" alt="">
                <p>
                    <a href="" title="返回顶部"><i class="fa fa-rocket"></i></a>
                </p>
            </div>
            <div class="footer_bottom_wenzi">
                <div class="wenzi">
                    <p>让全球每个人都能享受科技带来的美好生活</p>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="js/jquery-3.5.1.min.js"></script>
<script src="js/xiaomi.js"></script>
</body>
</html>